<template>
  <div v-show="item.isShow" class="f as pt10 pb10 cusTextArea">
    <div
      :class="['nowrap mr10 tr', item.required ? 'need' : '']"
      :style="{
        width: item.isLabelWidth ? item.labelWidth + 'px' : 'auto',
      }"
    >
      {{item.label}}
    </div>
    <div :class="['f1 rel rds5', item.errmsg ? 'error' : 'textAreaBd']">
      <Input
        :value="item.value"
        type="textarea"
        @on-change="handleInput"
        @on-focus="handleFocus"
        @on-blur="handleBlur"
        :rows="3"
        :placeholder="[1,4].includes(modalType) ? '' :item.placeholder"
        :disabled="item.disabled"
      />
      <div class="abs l0 gred" style="bottom:-20px;">{{item.errmsg}}</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>
<style>
.cusTextArea textarea {
  border:none;
}
.cusTextArea .ivu-input:focus{
  box-shadow: 0 0 0 2px rgba(26, 173, 167,.2)
}
</style>